<template>
    <z-paging ref="paging" v-model="balanceLogsList" @query="queryList">
        <u-sticky>
            <view class="heqader_box">
                <hedsty :headCentext="'领取记录'"></hedsty>
            </view>
        </u-sticky>
        <view class="content_box" style="background-image: url('https://morgan.dingxians.cn/static/flow/4.png');" v-for="(item, index) in balanceLogsList"
            :key="index">
            <view class="one_box">总流水：{{ item.total_amount }}</view>
            <view class="two_box">{{ item.dates }}</view>
            <view class="thr_box">+{{ item.amount }}钻石</view>
        </view>
    </z-paging>
</template>
<script>
import hedsty from '../../components/hedsty.vue'
export default {
    components: {
        hedsty
    },
    data() {
        return {
            balanceLogsList:[]
        }
    },
    onLoad() {

    },
    onShow() {

    },
    methods: {
		queryList(pageNo, pageSize) {
			let data = {
				page: pageNo,
				limit: pageSize
			}
			this.$Request.get(this.$api.user.givePointsShow, data).then(res => {
				if (res.code == 200) {
					this.$refs.paging.complete(res.data.data)
				}
			})
		},
    }
}
</script>
<style lang="scss" scoped>
.heqader_box {
    width: 750rpx;
    height: 220rpx;
}

.content_box {
    width: 690rpx;
    height: 138rpx;
    margin: auto;
    background-size: 100% 100%;
    margin-bottom: 40rpx;
    box-sizing: border-box;
    padding: 29rpx 20rpx;
    position: relative;

    .one_box {
        height: 27rpx;
        font-family: PingFang SC;
        font-weight: bold;
        font-size: 28rpx;
        color: #FFFFFF;
        line-height: 27rpx;
        margin-bottom: 23rpx;
    }

    .two_box {
        height: 20rpx;
        font-family: PingFang SC;
        font-weight: 500;
        font-size: 26rpx;
        color: #FFFFFF;
        line-height: 39rpx;
        opacity: 0.5;
    }

    .thr_box {
        height: 26rpx;
        font-family: PingFang SC;
        font-weight: bold;
        font-size: 28rpx;
        color: #FFEDD7;
        line-height: 26rpx;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 32rpx;
        margin: auto;
    }
}
</style>